<template>
	<view class="content">
		<f-navbar title="立即付款" fontColor="#333" fontSize="34" bgColor="#fff">
			<view class="u-flex" slot="left">
				<van-icon name="arrow-left" color="#333" size="20" />
			</view>
		</f-navbar>
		<view class="content_box">

			<view class="content_top" v-if="isshowaddress" @click="onchangeaddress">
				<view class="content_topL">
					<view class="content_topname">
						<!-- <view class="mapicon"></view> -->
						<image class="mapicon" :src="imgurl+'dizhiicon.png'" mode=""></image>
						<view class="content_name">{{cityobj.name}}</view>
						<view class="content_topphone">{{cityobj.phone}}</view>
					</view>
					<view class="content_topaddress">{{cityobj.full_address}}</view>
				</view>
				<van-icon class="right_icon" name="arrow" size="20" color="#999" />
			</view>
			<view class="content_toptoast" v-if="!isshowaddress" @click="onchangeaddress">
				添加地址
				<van-icon name="arrow" size="20" color="#999" />
			</view>
<!-- 			<view class="changekuaidibox">
				<van-radio-group :value="radio" direction="horizontal" @change="onChange">
					<van-radio name="1" class="radioclass" checked-color="#EB136E">单选框 1</van-radio>
					<van-radio name="2" checked-color="#EB136E">单选框 2</van-radio>
					<van-radio name="3" checked-color="#EB136E">单选框 2</van-radio>
					<van-radio name="4" checked-color="#EB136E">单选框 2</van-radio>
					<van-radio name="5" checked-color="#EB136E">单选框 2</van-radio>
					<van-radio name="6" checked-color="#EB136E">单选框 2</van-radio>
				</van-radio-group>
			</view> -->

			<view class="infobox">
				<view class="infobox_one" v-for="(item,index) in dataList" :key="index">
					<view class="shops_boxtop">
						<view class="shops_boxtopL" @click="onstoredetail(item)">
							<!-- <view class="shops_boxtopLimg"> -->
							<image class="shops_boxtopLimg" :src="imgurl+'shop_icon.png'" mode=""></image>
							<!-- </view> -->
							<view class="shops_boxtopLname">{{item.store_name}}</view>
							<van-icon name="arrow" size="16" color="#999" />
						</view>
						<!-- <view class="shops_boxtopR">等待卖家发货</view> -->
					</view>
					<view class="content_shopbox" v-for="(shopitem,shopindex) in item.item" :key="shopindex">
						<view class="content_shopimg">
							<image class="content_shopimg1" :src="shopitem.good_item_img" mode=""></image>
						</view>
						<view class="content_shopR">
							<view class="content_shopRtxt">
								<view class="content_shopRtxtL">
									{{shopitem.title}}
								</view>
								<view class="content_shopRtxtprice">￥{{shopitem.now_price}}</view>
							</view>
							<view class="content_shopguige">
								<view class="content_shopguigeL">{{shopitem.spec_title}}</view>
								<view class="content_shopguigenum">*{{shopitem.cart_num}}</view>
							</view>
							<!-- 	<view class="content_heji">合计：<text class="priceicon">￥</text><text
								class="price">31.60</text></view> -->
						</view>
					</view>
				</view>
				<!-- 				<view class="info_bianhao">
					<view class="info_bianhaoname">
						订单编号
					</view>
					<view class="info_bianhaoR">
						2023051205236512
						<text class="fuzhi">
							复制
						</text>
					</view>
				</view>
				<view class="info_bianhao">
					<view class="info_bianhaoname">
						下单时间
					</view>
					<view class="info_bianhaoR">
						2023-05-12 05:23

					</view>
				</view> -->
				<view class="info_bianhao">
					<view class="info_bianhaoname">
						支付方式
					</view>
					<view class="info_bianhaoR">
						微信支付

					</view>
				</view>
				<view class="info_bianhao">
					<view class="info_bianhaoname">
						商品总额
					</view>
					<view class="info_bianhaoR">
						￥{{priceobj.good_amount}}

					</view>
				</view>
				<view class="info_bianhao" @click="onbalance">
					<view class="info_bianhaoname">
						余额
					</view>
					<view class="info_bianhaoR">
						{{ischecked?'-￥'+balancePrice:'去选择'}}
						<van-icon name="arrow" size="15" color="#999" />
					</view>
				</view>
				<view class="info_bianhao">
					<view class="info_bianhaoname">
						运费
					</view>
					<view class="info_bianhaoR">
						￥{{priceobj.express_amount}} <text v-if="priceobj.express_amount=='0.00'">（已包邮）</text>

					</view>
				</view>
				<view class="fukuanbox">
					<view class="fukuanmoney">需付款: <text class="fukuanicon">￥ </text><text class="fukuan_price">
							{{payPrice}}</text></view>
				</view>
			</view>
			<!-- 			<view class="liuyan_box">
				<view class="liuyan_box_title">
					留言
				</view>
				<view class="liuyan_boxinput">
					<textarea :value="liuyanValue" @input="onliuyan" class="textarea_class" auto-height
						placeholder-class="textarea_in" placeholder="不要发错号码"></textarea>
				</view>
			</view> -->
			<!-- 			<view class="payment_btnbox">
				<view class="payment_cancell">
					取消订单
				</view>
				<view class="payment_zhifu">
					立即付款
				</view>
			</view> -->
			<view class="info_bottom1">

			</view>
			<view class="info_bottom">
				<view class="infobottom_price">
					<text class="fukuanicon">￥</text>{{payPrice}}
				</view>
				<view class="infobottombtn_box">
					<!-- 			<view class="shouhoubtn">
						取消订单
					</view> -->
					<view class="shouhuobtn" @click="onsubmit">
						确认支付
					</view>
				</view>

			</view>
		</view>
		<van-popup :show="isshowpopup" closeable round :close-on-click-overlay="true" position="bottom"
			@close="onClosepopup">
			<view class="balance_box">
				<view class="balance_item">
					<view class="balance_itemL">
						余额
					</view>
					<view class="balance_itemR">
						￥{{balancePrice1}}
						<van-checkbox class="duihaoicon" :value="ischecked" checked-color="#ff0000"
							@change="onChange"></van-checkbox>
					</view>
				</view>
			</view>
		</van-popup>

	</view>
</template>

<script>
	import fNavbar from '@/uni_modules/f-navbar/components/f-navbar/f-navbar.vue';
	import {
		getOrderByCartId,
		getSingleAddress,
		getBaseUserInfo,
		placeOrder,
		getTradeNoToPay,
		wxPay
	} from '../../utils/app.js'
	export default {
		components: {
			fNavbar
		},
		data() {
			return {
				active: '1',
				navHeight: 0, //导航栏的高度
				isshowOrder: true,
				imgurl: getApp().globalData.imgurl,
				isshowpopup: false, // 可用余额弹窗
				ischecked: false, //是否使用可用金额
				liuyanValue: '', // 留言输入的内容
				cartid: '', // 商品id
				froms: '', //1:立即购买 2:加入购物车 :参与拼团
				dataList: [],
				cityobj: {}, // 地址信息
				priceList: [],
				isshowaddress: false, //是否显示示地址
				balancePrice: 0, // 可用余额
				balancePrice1: 0, // 可用余额
				payPrice: 0, // 需支付金额
				priceobj: {}, // 金额
			}
		},
		onLoad(options) {
			console.log(options);
			this.getLocation()
			this.cartid = options.cartids
			this.froms = options.froms
			this.getPrice()
			this.getList()
		},
		onShow() {
			this.getLocation()
			this.getList()
			this.getPrice()
		},
		methods: {
			
			// 进店铺详情
			onstoredetail(e){
				console.log(e);
				uni.navigateTo({
					url:'/pages/storeDetail/storeDetail?storeid='+e.store_id
				})
			},
			
			
			// 确认支付
			onsubmit() {
				// if(this.balancePrice>=this.priceobj.total_amount){
					
				// }
				console.log(this.balancePrice);
				placeOrder({
					cart_id: this.cartid,
					froms: this.froms,
					total_amount: this.priceobj.good_amount,
					balance_amount: this.ischecked ? this.balancePrice : 0,
					express_amount: this.priceobj.express_amount,
					tree_amount: this.payPrice,
					address_id: this.cityobj.address_id
				}).then(res => {
					console.log(res);
					// uni.setStorageSync('trade_no',res.data.trade_no)
					if (res.code == 1) {
						wxPay({
							trade_no: res.data.trade_no
						}).then(res1 => {
							console.log(res1);
							if(res1.data.appId){
								let pay_params = res1.data
								console.log(res1.data);
								uni.requestPayment({
									timeStamp: pay_params.timestamp,
									nonceStr: pay_params.nonceStr,
									package: pay_params.package,
									signType: pay_params.signType,
									paySign: pay_params.paySign,
									success(res) {
										console.log(res);
										uni.showToast({
											title:'支付成功',
											icon:'none'
										})
										// uni.clearStorageSync('trade_no')
										// var pages = getCurrentPages();
										// var prevPage = pages[pages.length - 2]; //上一个页面
										// console.log(prevPage);
										// // prevPage.setData({
										// //      userdata: {
										// //        phonenum:this.phonenum
										// //      }
										// //    })
										// prevPage.$vm.getList()
										// uni.navigateBack({ //返回
										// 	delta: 1
										// })
										
										setTimeout(()=>{
											uni.navigateTo({
												url: '/pages/subPack/MyOrder/MyOrder?id=' + 2
											})
										},2000)
									},
									fail(res) {
										console.log(res);
										uni.showToast({
											title:'支付失败',
											icon:'none'
										})
										setTimeout(()=>{
											uni.navigateTo({
												url: '/pages/subPack/MyOrder/MyOrder?id=' + 1
											})
										},2000)
									}
								})
							} else {
								uni.showToast({
									title:res1.info,
									icon:'none'
								})
								// uni.clearStorageSync('trade_no')
								setTimeout(()=>{
									uni.navigateTo({
										url: '/pages/subPack/MyOrder/MyOrder?id=' + 2
									})
								},2000)
								// var pages = getCurrentPages();
								// var prevPage = pages[pages.length - 2]; //上一个页面
								// console.log(prevPage);
								// // prevPage.setData({
								// //      userdata: {
								// //        phonenum:this.phonenum
								// //      }
								// //    })
								// prevPage.$vm.getList()
								// uni.navigateBack({ //返回
								// 	delta: 1
								// })
							}
							

						})
					} else {
						uni.showToast({
							title: '请求失败',
							icon: 'none'
						})
					}
				})
			},

			// 获取可用余额
			getPrice() {
				getBaseUserInfo({}).then(res => {
					console.log(res.data.balance_amount);
					this.balancePrice = Number(res.data.balance_amount)
					this.balancePrice1 = Number(res.data.balance_amount)
				})
			},
			// 获取地址信息
			getLocation() {
				getSingleAddress({}).then(res => {
					console.log(res.data);
					if (res.data.length == 0) {
						console.log(111);
						this.isshowaddress = false

					} else {
						console.log(222);
						this.cityobj = res.data
						this.isshowaddress = true
					}

				})
			},
			// 获取数据
			getList() {
				getOrderByCartId({
					cart_id: this.cartid,
					froms: this.froms
				}).then(res => {
					console.log(res.data);
					this.dataList = res.data.store
					this.priceobj = res.data.info
					this.payPrice = res.data.info.total_amount

				})
			},
			// 选择地址
			onchangeaddress() {
				uni.navigateTo({
					url: '/pages/subPack/Address/Address'
				})
			},
			// 留言输入的内容
			onliuyan(e) {
				console.log(e);
				this.liuyanValue = e.detail.value
			},
			// 是否使用可用金额
			onChange(e) {
				console.log(e);
				this.ischecked = e.detail
				if (this.ischecked) {
				let one = (Number(this.priceobj.total_amount) - this.balancePrice).toFixed(2)
				if(one<0){
					this.payPrice = 0
					this.balancePrice = this.priceobj.total_amount
					console.log(this.payPrice);
				} else {
					this.payPrice = one
					console.log(this.payPrice);
				}
					
				} else {
					this.payPrice = (Number(this.priceobj.total_amount)).toFixed(2)
					console.log(this.payPrice);
				}
			},
			// 打开可用余额弹窗
			onbalance() {
				if(this.balancePrice>=this.priceobj.total_amount){
					this.isshowpopup = true
				} else {
					uni.showToast({
						title: '余额不足',
						icon: 'none'
					})
				}
				
			},
			// 关闭可用余额弹窗
			onClosepopup() {
				this.isshowpopup = false
			}
		}
	}
</script>

<style>
	page {
		background: #eee;
	}

	/* 待支付页面样式 */

	/* 待支付页面样式 */
	.payment_box {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.payment_time {
		font-size: 32rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #FF0000;
		line-height: 70rpx;
		margin-top: 25rpx;
	}

	.time_icon {
		margin-right: 10rpx;
	}

	.payment_title {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #333333;
		margin-top: 35rpx;
		/* line-height: 70rpx; */
	}

	.payment_submit {
		width: 154rpx;
		height: 60rpx;
		background: #FF0000;
		border-radius: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 60rpx;
		text-align: center;
		margin-top: 40rpx;
		margin-bottom: 20rpx;
	}

	.content_top {
		width: 690rpx;
		height: 215rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		margin: 0 auto;
		margin-top: 16rpx;
		display: flex;
		align-items: center;
		position: relative;
	}

	.content_topL {
		width: 580rpx;
		margin-left: 61rpx;
	}

	.content_topname {
		display: flex;
		align-items: center;
		position: relative;
	}

	.content_name {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #333333;
		margin-left: 20rpx;

	}

	.content_topphone {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #333333;
		margin-left: 29rpx;
	}

	.content_topaddress {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		margin-top: 26rpx;
	}

	.right_icon {
		margin-right: 26rpx;
	}

	.mapicon {
		width: 21rpx;
		height: 30rpx;
		/* background: #000; */
		margin-left: -40rpx;
		/* margin-right: 20rpx; */
		/* 	position: absolute;
		top: 37rpx;
		left: 20rpx; */
	}

	.content_toptoast {
		width: 690rpx;
		height: 60rpx;
		background: #fff;
		line-height: 60rpx;
		margin-left: 30rpx;
		margin-top: 20rpx;
		padding: 0 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #ff0000;
	}

	.kuaidibox {
		width: 690rpx;
		height: 100rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
	}

	.kuaidibox_img {
		width: 32rpx;
		height: 25rpx;
		/* background: #000; */
		margin-right: 20rpx;
		margin-left: 21rpx;
	}

	.kuaidibox_txt {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;

	}

	.shops_box {
		width: 690rpx;
		/* height: 529rpx; */
		background: #FFFFFF;
		border-radius: 10rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		padding-bottom: 40rpx;
	}

	.shops_boxtop {
		padding-top: 39rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

	.shops_boxtopL {
		display: flex;
		align-items: center;
		margin-left: 20rpx;
	}

	.shops_boxtopLimg {
		width: 32rpx;
		height: 30rpx;
		/* background: #000; */
		margin-right: 10rpx;
	}

	.shops_boxtopLname {
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #333333;
		margin-right: 10rpx;
		/* line-height: 55rpx; */
	}

	.shops_boxtopR {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #00A0E9;
		margin-right: 20rpx;
		/* line-height: 2rpx; */
	}

	.content_shopbox {
		display: flex;
		align-items: center;
		padding-top: 30rpx;
		margin-left: 20rpx;
		padding-bottom: 30rpx;
		border-bottom: 1rpx solid #eee;
		margin-bottom: 20rpx;
	}

	.content_shopbox:last-child {
		border-bottom: none;
	}

	.content_shopimg {
		width: 156rpx;
		height: 156rpx;
		/* background: #FF0000; */
		border-radius: 10rpx;
	}

	.content_shopimg1 {
		width: 100%;
		height: 100%;
	}

	.content_shopR {
		margin-left: 20rpx;
		width: 66%;
	}

	.content_shopRtxt {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.content_shopRtxtL {
		width: 313rpx;
		height: 80rpx;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 42rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.content_shopRtxtprice {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 500;
		color: #333333;
		line-height: 40rpx;
	}

	.content_shopguige {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 29rpx;
	}

	.content_shopguigeL {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999;
	}

	.content_shopguigenum {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999;
	}

	.content_heji {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		margin-top: 29rpx;
		/* line-height: 40rpx; */
	}

	.priceicon {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #FF0000;
		/* line-height: 40rpx; */
	}

	.price {
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #FF0000;
		/* line-height: 40rpx; */
	}

	.changekuaidibox {
		width: 690rpx;
		/* height: 100rpx; */
		background: #FFFFFF;
		border-radius: 10rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding: 20rpx;
		box-sizing: border-box;
	}

	.radioclass {
		height: 50rpx;
	}



	.infobox {
		width: 690rpx;
		/* height: 528rpx; */
		background: #FFFFFF;
		border-radius: 10rpx;
		margin: 0 auto;
		margin-top: 20rpx;
	}

	.info_bianhao {
		height: 66rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		line-height: 66rpx;

	}

	.info_bianhao:nth-child(1) {
		margin-top: 30rpx;
	}

	.info_bianhao:first-child {
		padding-top: 18rpx;

	}

	.info_bianhaoname {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 500;
		color: #333333;
		margin-left: 20rpx;

	}

	.info_bianhaoR {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999;
		margin-right: 22rpx;
	}

	.fuzhi {
		/* display: inline-block; */
		font-size: 22rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #555555;
		padding: 3rpx 9rpx;
		background: #D2D2D2;
		border-radius: 13rpx;
		margin-left: 20rpx;
	}

	.fukuanbox {
		height: 98rpx;
		border-top: 1rpx solid #eee;
		margin: 0 20rpx;
		margin-top: 20rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.fukuanmoney {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #555555;
	}

	.fukuanicon {
		font-size: 22rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #FF0000;
		margin-left: 10rpx;
		margin-right: 8rpx;
	}

	.fukuan_price {
		font-size: 36rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #FF0000;
	}

	/* 底部支付按钮样式 */
	.payment_btnbox {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-right: 31rpx;
		margin-top: 40rpx;
	}

	.payment_cancell {
		width: 156rpx;
		height: 62rpx;
		border: 2rpx solid #BBBBBB;
		border-radius: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #BBBBBB;
		line-height: 62rpx;
		box-sizing: border-box;
		text-align: center;
	}

	.payment_zhifu {
		width: 154rpx;
		height: 60rpx;
		background: #FF0000;
		border-radius: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 60rpx;
		text-align: center;
		margin-left: 40rpx;
	}

	.liuyan_box {
		width: 100%;
		min-height: 102rpx;
		background: #FFFFFF;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
	}

	.liuyan_box_title {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		margin-left: 30rpx;
		margin-right: 20rpx;
	}

	.liuyan_boxinput {
		width: 616rpx;
		min-height: 61rpx;
		background: #EEEEEE;
		border-radius: 8rpx;
		padding: 16rpx 20rpx;
		box-sizing: border-box;

	}

	.textarea_in {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999
	}

	.textarea_class {
		/* 		width: 616rpx;
		min-height: 61rpx; */
	}

	.info_bottom1 {
		height: 108rpx;
	}

	.info_bottom {
		width: 100%;
		height: 98rpx;
		background: #FFFEFE;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		bottom: 0;
	}

	.infobottom_price {
		margin-left: 32rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #FF0000;
	}

	.infobottombtn_box {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.shouhoubtn {
		width: 156rpx;
		height: 62rpx;
		border: 2rpx solid #BBBBBB;
		border-radius: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #BBBBBB;
		line-height: 62rpx;
		box-sizing: border-box;
		text-align: center;
	}

	.shouhuobtn {
		width: 154rpx;
		height: 60rpx;
		background: #EF0E6C;
		border-radius: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 60rpx;
		text-align: center;
		margin-right: 31rpx;
		margin-left: 39rpx;
	}


	.balance_box {
		width: 100%;
		min-height: 206rpx;
	}

	.balance_item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 100rpx;
	}

	.balance_itemL {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 40rpx;
		margin-left: 30rpx;
	}

	.balance_itemR {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF0000;
		/* line-height: 40rpx; */
		margin-right: 34rpx;
		display: flex;
		align-items: center;
	}

	.duihaoicon {
		/* 	width: 32rpx;
		height: 32rpx; */
		margin-left: 22rpx;
	}
</style>